<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>清华大学计算机系 - 首页</title>
</head>
<body>
    <!-- 页面头部：包含LOGO、导航、搜索 -->
    <header>
        <!-- 顶部导航区 -->
        <div class="header-top">
            <!-- 院系LOGO -->
            <div class="logo">
                <img src="logo.png" alt="清华大学计算机系LOGO">
            </div>
            <!-- 主导航菜单 -->
            <nav class="main-nav">
                <ul>
                    <li><a href="#">关于我们</a>
                        <ul class="sub-nav">
                            <li><a href="#">院系概况</a></li>
                            <li><a href="#">师资力量</a></li>
                            <li><a href="#">院系文化</a></li>
                        </ul>
                    </li>
                    <li><a href="#">人才培养</a>
                        <ul class="sub-nav">
                            <li><a href="#">本科教育</a></li>
                            <li><a href="#">研究生教育</a></li>
                            <li><a href="#">继续教育</a></li>
                        </ul>
                    </li>
                    <li><a href="#">科学研究</a>
                        <ul class="sub-nav">
                            <li><a href="#">研究方向</a></li>
                            <li><a href="#">科研团队</a></li>
                            <li><a href="#">学术成果</a></li>